import { onMounted, onUnmounted, ref } from "vue";

export default function useScrollTop() {
  // 储存滚动高度
  const scorllTop = ref(0);
  // 滚动事件的事件处理函数
  const onScollHandler = () => {
    // 储存当前滚动距离
    scorllTop.value = document.documentElement.scrollTop;
  };
  // 组件挂载完成 执行
  onMounted(() => {
    // 为window添加滚动事件
    window.addEventListener("scroll", onScollHandler);
  });

  // 组件卸载完成后
  onUnmounted(() => {
    window.removeEventListener("scroll", onScollHandler);
  });
  // 返回实时的滚动高度
  return scorllTop;
}
